.footer {
      background-color: #4b0082;
     
      color: white;
    }
    .social-icons a ,#wat{
    font-size: 1.5rem;
    color: white;
    
    transition: transform 0.3s ease, color 0.3s ease;
  }

  .social-icons a:hover {
    transform: scale(1.2);
    color: #d6c0ff; /* Optional hover color */
    text-decoration: none;
  }



  /*NAv*/

  
    .navbar {
     /* background-color:rgba(75,0,130,0.6) ;*/
		background-color:#008000;
    }

    .navbar .nav-link {
      color: white !important;
    }

    .btn-purple {
      background:#4b0082;
      color: white;
      border-radius: 30px;
      padding: 10px 30px;
      font-weight: bold;
      border: none;
      transition: 0.3s ease;
    }

    .btn-purple:hover {
      background: #d6c0ff;
      color: #3a0064;
    }
  #logo{
   
    height: 80px;
    
  }